<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>校友推荐红包设置(确认订单、弹窗、余额不足)</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/magic-input.min.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="./alumniRecommendWallet.css">
</head>

<body>
  <div class="page-wrap">
    <div class="aid-reward-wallet-wrap">
      <div class="job-info-wrap">
        <!-- 标题 -->
        <h4 class="rewardstep-title fs-14 page-padding">
          <span class="name">我想要的工作？</span>
        </h4>
        <!-- 信息 -->
        <div class="aid-reward-job-wrap  page-padding">
          <div class="reward-job-wrap fx-row fx-row-center">
            <div class="job-img">
              <img class="img-text" src="../../images/headImg.png" alt="" srcset="">
            </div>
            <div class="job-introduce-wrap fx-1">
              <div class="job-introduce fx-row fx-row-center fx-row-space-around">
                <div class="job-left-info fx-1">
                  <!-- 工作标题 -->
                  <div class="job-title fx-row fx-row-center">
                    <span class="name fs-14">网络运营实习生</span>
                    <span class="saraly fs-12">4K-8K</span>
                  </div>
                  <div class="company-name">
                    斐讯网络科技有限公司
                  </div>
                  <div class="company-others">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
                <i class="iconfont icon-you1 arrow-right fs-16"></i>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 间隙 -->
      <div class="placeholder-div"></div>

      <!-- 简历选择 -->
      <div class="resume-choice-wrap">
        <!-- 标题 -->
        <h4 class="rewardstep-title fs-14 page-padding">
          <span class="name">简历选择</span>
        </h4>
        <!-- 简历列表 -->
        <div class="push-resume-centent-wrap page-padding">
          <ul class="push-resume-centent-items">
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 我愿意悬赏多大的红包？ -->
      <div class="c-push-resume-reward-wrap">
        <h4 class="rewardstep-title fs-14">
          <span class="name">我愿意悬赏多大的红包？</span>
        </h4>
        <div class="resume-reward-tips fs-12">
          发起悬赏后，每次有在该公司在职人员为您推荐并评论，将打赏一笔悬赏金给推荐人
        </div>
        <!-- 悬赏金额 -->
        <div class="reward-amount-wrap">
          <ul class="reward-amount-items fx-row fx-row-center">
            <li class="reward-amount-item active fx-1 fs-14">10元</li>
            <li class="reward-amount-item fx-1 fs-14">20元</li>
            <li class="reward-amount-item fx-1 fs-14">50元</li>
            <li class="reward-amount-item fx-1 fs-14">100元</li>
          </ul>
        </div>
        <!-- 悬赏提示 -->
        <div class="resume-reward-notes fs-14">
          单次打赏可接收一个推荐人的推荐
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 可能接受您的推荐请求的人 -->
      <div class="aid-reward-person-list page-padding">
          <h4 class="rewardstep-title fs-14">
              <span class="name">可能接受您的推荐请求的人</span>
            </h4>
        <ul class="c-recommend-person-hot-items fx-row fx-row-center">
          <li class="c-recommend-person-hot-item fx-1">
            <div class="header-img">
              <img src="../../../images/headImg.png" alt="">
            </div>
            <p class="c-text name overflow_1line fs-16">杨幂</p>
            <p class="c-text job fx-14">运营总监</p>
          </li>
          <li class="c-recommend-person-hot-item fx-1">
            <div class="header-img">
              <img src="../../../images/headImg.png" alt="">
            </div>
            <p class="c-text name overflow_1line fs-16">杨幂</p>
            <p class="c-text job fx-14">运营总监</p>
          </li>
          <li class="c-recommend-person-hot-item fx-1">
            <div class="header-img">
              <img src="../../../images/headImg.png" alt="">
            </div>
            <p class="c-text name overflow_1line fs-16">杨幂</p>
            <p class="c-text job fx-14">运营总监</p>
          </li>
          <li class="c-recommend-person-hot-item fx-1">
            <div class="header-img">
              <img src="../../../images/headImg.png" alt="">
            </div>
            <p class="c-text name overflow_1line fs-16">杨幂</p>
            <p class="c-text job fx-14">运营总监</p>
          </li>
          <li class="c-recommend-person-hot-item fx-1">
              <div class="header-img">
                <img src="../../../images/headImg.png" alt="">
              </div>
              <p class="c-text name overflow_1line fs-16">杨幂</p>
              <p class="c-text job fx-14">运营总监</p>
            </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 底部确认订单 -->
  <div class="confirm-pay-fixed-wrap">
    <ul class="confirm-pay-fixed fx-row fx-row-center">
      <li class="comfirm-amount fx-2 fs-16">
        总计：
        <span class="fs-15">10元</span>
      </li>
      <li class="comfirm-btn fx-1 fs-15">
        确认订单
      </li>
      <li class="comfirm-btn fs-15" style="display: none;">
        余额不足，去充值
      </li>
    </ul>
  </div>
  <!-- 弹窗 -->
<div class="c-popups" style="display: none">
    <!-- 弹窗背景 -->
    <div class="popups-bg"></div>
    <!-- 弹窗内容 -->
    <div class="popups-bottom-wrap">
      <div class="title-wrap fx-row fx-row-center page-padding">
        <i class="iconfont icon-guanbi close fs-16"></i>
        <h6 class="title fx-1 fs-18">支付金额确认</h6>
      </div>
      <div class="pay-content page-padding">
        <p class="money fs-26">总计：100元</p>
        <div class="button-wrap">
          <a class="button button-width fs-15" href="#">确认订单</a>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>


</html>